/**
 * @desc: 虚拟表格实现
 * @author: elvis
 */

import React from 'react';
import { BaseTable } from 'ali-react-table';
import { Empty } from 'antd';

//表格自定义css变量，可以直接更改

// /** 表格的字体颜色 */
// '--color': string
// /** 表格背景颜色 */
// '--bgcolor': string
// /** 表头的字体颜色 */
// '--header-color': string
// /** 表头的背景颜色 */
// '--header-bgcolor': string
// /** 数据单元格 和 表头单元格 的边框颜色 */
// '--border-color': string

// /** 表格行高，注意该属性将被作为 CSS variable，不能使用数字作为简写 */
// '--row-height': string
// /** 表格行 鼠标悬停时的背景色 */
// '--row-hover-color': string
// /** 表格行高，注意该属性将被作为 CSS variable，不能使用数字作为简写 */
// '--header-row-height': string

// /** 数据单元格边框，默认为 1px solid var(--border-color) */
// '--cell-border': string
// /** 数据单元格上下边框，默认为 var(--cell-border) */
// '--cell-border-horizontal': string
// /** 数据单元格左右边框，默认为 var(--cell-border) */
// '--cell-border-vertical': string

// /** 表头单元格边框，默认为 1px solid var(--border-color) */
// '--header-cell-border': string
// /** 表头单元格上下边框，默认为 var(--header-cell-border) */
// '--header-cell-border-horizontal': string
// /** 表头单元格左右边框，默认为 var(--header-cell-border) */
// '--header-cell-border-vertical': string

// /** 数据单元格边框 */
// '--cell-border-top': string
// '--cell-border-bottom': string
// '--cell-border-left': string
// '--cell-border-right': string

// /** 表头单元格边框 */
// '--header-cell-border-top': string
// '--header-cell-border-bottom': string
// '--header-cell-border-left': string
// '--header-cell-border-right': string
const defaultStyle = {
  height: 600,
  overflow: 'auto',
  '--border-color': '#f0f0f0',
	'--cell-padding': '12px',
	'--hover-bgcolor': '#ECF2FF',
  '--header-color': 'rgba(0,0,0,.85)',
  '--color': 'rgba(0,0,0,.65)',
  '--header-bgcolor': '#F8FAFF',
}

export default ({ data = [], columns = [], style = {}, tableKey = undefined, primaryKey = undefined }) => {
  return (
    <BaseTable useVirtual={{ horizontal: false, vertical: true, header: false }} components={{ EmptyContent: Empty }} dataSource={data} columns={columns} style={{ ...defaultStyle, ...style }} key={tableKey} primaryKey={primaryKey} />
  )
}